<!--
 * @Author: 汪军 624473119@qq.com
 * @Date: 2023-10-25 14:09:23
 * @LastEditors: 汪军 624473119@qq.com
 * @LastEditTime: 2023-10-25 16:37:08
 * @FilePath: \antiraed-app\src\components\status-bar\status-bar.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template lang="pug">
<!-- #ifdef APP-PLUS -->
view.status_bar(:style="{background: bgColor}")
<!-- #endif -->
</template>

<script setup>
const props = defineProps({
  bgColor: {
    type: String,
    default: "#ffffff"
  }
});
</script>

<style lang="stylus" scoped>
.status_bar
  position: fixed;
  top: 0;
  width: 100%;
  height: var(--status-bar-height); // 状态栏高度
  z-index: 999;
</style>
